<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>留言板</title>
		<link rel="stylesheet" type="text/css" href="bt3/css/bootstrap.min.css" />
		<script src="jquery.min.js"></script>
		<style type="text/css">
			body {
				background: url(img/2.jpg) no-repeat;
				font-family: "微软雅黑";
				font-size: 15px;
				background-size: 100%;
			}
			.panel-heading {
				font-family: "微软雅黑";
				font-size: 20px;
			}
			.container {
				max-width: 800px;
				margin-top: 50px;
				padding-top: 20px;
				background: url(img/2.jpg);
				background-size: 100%;
				-webkit-box-shadow: 1px 1px 30px 1px;
				-moz-box-shadow: 1px 1px 30px 1px;
				box-shadow: 1px 1px 30px 1px;
				border-radius: 10%;
				overflow: hidden;
			}
			.no1 {
				filter: alpha(opacity=70);
				-moz-opacity: 0.7;
				-khtml-opacity: 0.7;
				opacity: 0.7;
			}
			
			.form-group {
				margin: 20px;
			}
			
			h1 {
				text-align: center;
			}
			
			.face img {
				width: 40px;
				height: 40px;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<div class="panel panel-default no1">
				<div class="panel-heading" style="color: lightsteelblue;">
					<h1>留言板</h1></div>
				<table class="table">
					<tr style="color: grey;">
						<td width="100">
							<h3>ID</h3></td>
						<td width="150">
							<h3>头像</h3></td>
						<td width="150">
							<h3>昵称</h3></td>
						<td>
							<h3>内容</h3></td>
						<td width="200">
							<h3>操作</h3></td>
					</tr>
					<?php foreach($data as $k=>$v): ?>
					<tr>
						<td>
							<?php echo $k+1 ?>
						</td>
						<td>
							<?php echo $k+1 ?>
						</td>
						<td>
							<?php echo $v['tit'] ?>
						</td>
						<td>
							<?php echo $v['con'] ?>
						</td>
						<td>
							<a href="edit.php?id=<?php echo $k ?>" class="btn btn-info btn-group-sm active" role="button">revise</a>
							<a href=" javascript:if(confirm('确认删除？'))location.href = 'del.php?id=<?php echo $k ?>'" class="btn btn-danger btn-group-sm active" role="button">del</a>
						</td>
					</tr>
					<?php endforeach ?>
				</table>
				<form class="form-horizontal no1" method="post">
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">头像</label>
						<div class="col-sm-10 face">
							<input type="radio" name="face" id="face" value="./img/4.jpg" checked/>
							<img src="img/3.jpg" />
							<input type="radio" name="face" id="face" value="./img/4.jpg" />
							<img src="img/4.jpg" />
						</div>
					</div>
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">昵称</label>
						<div class="col-sm-10">
							<input type="text" name="tit" class="form-control" id="inputEmail3" required="" maxlength="10" placeholder="亲！">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword3" class="col-sm-2 control-label">留言</label>
						<div class="col-sm-10">
							<textarea class="form-control" name="con" rows="5" required="" placeholder="留下你的一片小脚印······"></textarea>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<button type="submit" class="btn btn-default">提交</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</body>

</html>